html{*overflow:auto;}
#container{position:relative;top:6px}
/*页面头部*/
.hd-top{height:55px; padding-top:9px;}
/*logo*/
.hd-top .logo{ position:relative; float:left; margin:0 0 0 20px; width:336px; height:49px; background:url(../images/slogo1.png) no-repeat;background-size:100% 100%}
.hd-top .logo .logo-icon{ position:absolute; right:0; top:18px; width:16px; height:15px; background:url(../../img/skin_/topxl.png);}
.hd-top .logo .logo-icon:hover,.hd-top .logo .logo-icon.active{ background:url(../../img/skin_/switch-system/h.png);}
/*用户登录信息*/
.hd-top .user-info{ float:left; margin-left:33px; width:110px; height:49px; line-height:49px;}
.hd-top .user-info .user-avatar{ position:relative; float:left; margin-top:6px; width:40px; height:40px; background:url(../images/userfacebg.png); }
.hd-top .user-info .user-avatar span{ position:absolute; top:2px; left:2px; width:34px; height:34px; background:url(../images/userface.png);}
.hd-top .user-info .user-avatar span .info-num{ position:absolute; top:-4px; right:-4px; width:16px; height:16px; line-height:16px; text-align:center; background:url(../images/msg.png); color:#fff; font-style:normal;}
.hd-top .user-info .user-name{ float:left; margin-left:6px; color:#fff;}
.hd-top .user-info .more-info{ float:left; margin:19px 0 0 10px;width:16px;height:15px; background:url(../../img/skin_/userxl.png) center center no-repeat;}
.hd-top .user-info .more-info.active,.hd-top .user-info .more-info:hover{ width:16px;height:15px;background:url(../../img/skin_/topxl.png);}
/*顶部设置部分*/
.hd-top .setting{ float:right; height:49px; margin-right:1px; line-height:49px;}
.hd-top .setting .setting-skin{ float:left;}
.hd-top .setting .setting-skin{float:left;position:relative;margin-right:5px;margin:10px 8px 0 0;text-align:center; cursor:pointer;}
.hd-top .setting .setting-skin .text{line-height:28px;*position:relative;*top:-10px;color:#666;}
.hd-top .setting .setting-skin i{position:absolute;}
.hd-top .setting .setting-skin i.arrow-icon{right:12px;top:12px;width:7px; height:4px; background:url(../images/skinxl.png);}
.hd-top .setting .setting-skin:hover i.arrow-icon{background-position:-7px 0;}
.hd-top .setting .setting-skin .switch-bar{width:82px;height:29px; background:url(../images/skin-bg.png);}
.hd-top .setting .setting-main{ float:left; width:152px;}
.hd-top .setting .setting-main li{ float:left; width:74px;text-align:center; }
.hd-top .setting .setting-main li a{color:#fff;}
.hd-top .setting .setting-main li a:hover{text-decoration:none;color:#000;}
.hd-top .setting .setting-main li a.close-btn{ float:left; margin:16px 0 0 11px; width:14px; height:14px;background:url(../images/quit.png);}
.hd-top .setting .setting-main li a.close-btn:hover{ background-position:-14px 0;}
/*顶部导航*/
.hd-bottom{position:relative;height:45px;line-height:45px;padding:0 100px 0 56px; overflow:hidden;}
.hd-bottom .home{float:left;margin-left:-56px;width:56px;}


.hd-bottom .nav-wrap{position:relative;float:left;overflow:hidden;width:100%;height:45px;}
.hd-bottom .nav{position:absolute;left:0;float:left;height:45px;font-size:14px;}
.hd-bottom .nav li{float:left;width:93px; text-align:center;}
.hd-bottom .nav li>a{ color:#4f4f4f;}

.hd-bottom .nav-btn{position:absolute;right:15px;margin:11px 12px 0 0;}
.hd-bottom .nav-btn a{ float:left; width:22px; height:23px;}

.skin-opt{display:none;width:120px;}
.skin-opt ul{padding:10px 10px 0 10px;}
.skin-opt li{float:left;width:30px;height:25px;margin:0 5px 5px 0; cursor:pointer;}
.skin-opt li.third{margin-right:0;}

.uew-opt-panel{position:absolute;z-index:120;}
.uew-opt-panel ul{padding:5px 0;border:1px solid #CACACA;box-shadow:1px 1px 4px rgba(102,102,102,0.3);background:#fff;}
.uew-opt-panel li{position:relative;}
.uew-opt-panel li a{position:relative;display:block;min-width:48px;height:28px;padding:0 25px 0 15px;white-space:nowrap;color:#3C3C3C;line-height:28px;text-decoration:none;}
.uew-opt-panel li a .uew-icon2{position:absolute;right:3px;top:6px;}


/*下拉面板样式*/
.opt-panel{position:absolute;padding:10px 10px 15px 10px; z-index:111;}
.opt-panel ul{background:#fff;}
.opt-panel .opt-panel-tl{position:absolute;left:0;top:0;width:10px;height:10px; background:url(../images/opt/tleft.png);}
.opt-panel .opt-panel-tc{position:absolute;left:10px;right:10px;top:0;height:10px; background:url(../images/opt/tcenter.png);}
.opt-panel .opt-panel-tr{position:absolute;right:0;top:0;width:10px;height:10px; background:url(../images/opt/tright.png);}

.opt-panel .opt-panel-ml{position:absolute;left:0;top:10px;bottom:15px;width:10px;background:url(../images/opt/cleft.png);}
.opt-panel .opt-panel-mr{position:absolute;right:0;top:10px;bottom:15px;width:10px; background:url(../images/opt/cright.png);}

.opt-panel .opt-panel-bl{position:absolute;left:0;bottom:0;width:10px;height:15px; background:url(../images/opt/dleft.png)}
.opt-panel .opt-panel-bc{position:absolute;left:10px;right:10px;bottom:0;height:15px; background:url(../images/opt/dcenter.png);}
.opt-panel .opt-panel-br{position:absolute;right:0;bottom:0;width:10px;height:15px; background:url(../images/opt/dright.png);}
.opt-panel .opt-panel-arrow{position:absolute;width:14px;;height:7px;top:-5px;left:30px; background:url(../images/opt/xljt.png);}

/*clear*/
.ue-clear:after{content: ".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}
.ue-clear{display:inline-block;}
.ue-clear{height:1%;}
.ue-clear{display:block;}
